<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="static/imgHost.jsp"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>收藏夹</title>
    
	<script src="<%=basePath%>js/fontSize.js"></script>
	<script src="<%=basePath%>js/jquery-1.11.3.min.js"></script>
    
    <link rel="stylesheet" href="<%=basePath%>css/zhicwl.css">
    <link rel="stylesheet" href="<%=basePath%>css/zhicwl-bj.css">
    <link rel="stylesheet" href="<%=basePath%>css/zhicwl-zj.css">
    <link rel="stylesheet" href="<%=basePath%>css/style.css"/>
    <link rel="stylesheet" href="<%=basePath%>css/style2.css"/>
</head>

<body>

	<style>
  body{ background:#F5F5F6;}
  .shop-list-text{
    width: 70%;
  }
  .yf-xjipf-city{
    width: 80%;
  }
  .first-span{
    margin-left: .5rem;
  }
  </style>
  <script src="<%=basePath%>js/swiper.min.js"></script>

<div class="header-1 padding-tb-10 padding-lr-15">
  <div class="header-1-left"><a href="<%=basePath%>member/index"></a></div>
  <div class="header-1-titel">收藏夹</div>
</div>
<div class="header-1-height"></div>
  <article class="caidls background4 yf-padding-bottom">
  	<c:forEach items="${shops}" var="shop">
        <section>
          <div class="yf-home-shop-min">
            <a href="<%=basePath%>shop/${shop.id}#1" class="shop-list padding-lr2">
              <img class="fl" src="<%=imgHost%>${shop.pic}">
              <div class="fl shop-list-text">
                <div class="clearfix">
                <span class="fl">${shop.name}</span><i class="bao home-tag fl">包</i><i class="home-tag xun fl">寻</i><i class="home-tag gua fl">刮</i>
                </div>
                <div class="yf-xjipf-ipj clearfix">
                  <i class="yf-xjipf-mrpf pfen3-fz fl" style="height: 1.55rem; "></i>
                  <i class="yf-pingj-total fl">${shop.commentNum}条评论</i>
                </div>
              </div>
              <div class="yf-xjipf-city fl clearfix"><span class="first-span fl">${shop.industryName} </span><span class="fr">${shop.areaName} &lt${shop.distance}</span></div>
            </a>      
          </div>
        </section>
	</c:forEach>
      <!--/寻宝卡-->
      
      <!--刮刮卡-->
<!--       <div>
  <h2 class="text-align-center">刮一刮，单车变摩托！</h2>
  <section>
    <a href="###">
      <b>刮刮卡</b>
      <img src="images/ksc/ksc06.png">
    </a>
  </section>
</div> -->
      <!--/刮刮卡-->
    
    <!-- </div> -->
    <!--/TAB切换-->
    
  </article>
  <!--/菜单4-->

	<!--底部1-->
  <!--/底部1-->

  <script src="<%=basePath%>js/style.js"></script>
  
</body>
</html>